<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
</style>
<script type="text/javascript" src="/board/js/jquery-1.11.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	if('${session.login_id}'.length==0){
		alert('ログインページへ移動します。');
		location.href="/board/member/goLoginPage.action";
		return;
	}
});

function changePasswd(){
	var passwd = $('#passwd').val();
	var passwd1 = $('#passwd1').val();
	
	if(passwd.length ==0 || passwd1.length ==0 ){
		alert('新しいパスワードをご入力ください。');
		$('#passwd').focus();
		return false;
	}
	
	if(passwd != passwd1){
		alert('新しいパスワードが一致しません。');
		$('#passwd').val("");
		$('#passwd1').val("");
		$('#passwd').focus();
		return false;
	}
}

function returnMenu(){
	location.href="/board/goMenuPage.action";
	return false;
}
</script>
<title>パスワード変更</title>
</head>
<body>
パスワード変更画面<br/><br/>				
				
${session.login_id }さん   &nbsp;&nbsp;&nbsp;
<a href="/board/member/goLogout.action">ログアウト</a><br/><br/><br/>	

<form name="changeForm" action="/board/member/changePasswd.action" method="post">
<input type="hidden" value="${session.login_id }" name="id"/>
<table>	
<tr><td width="140">ユーザーID</td><td>${session.login_id }</td></tr>
<tr><td>新規パスワード</td><td><input type="password" id="passwd" name="passwd"/></td></tr>
<tr><td>パスワード確認</td><td><input type="password" id="passwd1"/></td></tr>			
</table><br/><br/>
<input type="submit" value="変更" id="bt_change" onclick="return changePasswd()"/>
<input type="submit" value="戻る" id="bt_return" onclick="return returnMenu()"/>
</form>
</body>
</html>